<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>用户注册</title>
		<link rel="stylesheet" type="text/css" href="dist/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/register.css" />

	</head>

	<body>
		<div class="main-body">
			<!-- 页面头部 -->
			<div class="layui-container header">
				<div class="layui-row ">
					<div class="layui-col-md4 header-child logo">
						<img src="img/logo.png">
					</div>
					<!-- <div class="layui-col-md2 layui-col-md-offset6 header-child">
						<a href="javaScript:;">
							<span class="language">中文</span>
						</a>
						｜
						<a href="javaScript:;">
							<span>English</span>
						</a>
					</div> -->
				</div>
			</div>

			<!-- 这是页面主体部分	 -->
			<nav class="clearfix">
				<div class="nav-box">
					<div class="nav-box-title">
						<a href="javascript:;">用户注册</a>
						<div class="title-login">
							<span>已有账号</span>
							<span id="btn-login">直接登录</span>
						</div>
					</div>
					<div class="nav-box-content">
						<div class="register-phone">
							<form class="layui-form">
								<div class="layui-form-item">
									<label class="layui-form-label item-required">手机号</label>
									<div class="layui-input-block">
										<input type="tel" name="phone" required lay-verify='phone' placeholder="请输入手机号" autocomplete="off" class="layui-input ant-input">
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label item-required">用户名</label>
									<div class="layui-input-block">
										<input type="text" name="username" required lay-verify="username" placeholder="请输入用户名" autocomplete="off" class="layui-input ant-input">
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label item-required">密码</label>
									<div class="layui-input-block">
										<input type="password" name="password" required lay-verify="password" placeholder="请输入密码" autocomplete="off" class="layui-input ant-input"
										 class="layui-input">
									</div>
								</div>
								<div class="layui-form-item">
									<label class="layui-form-label item-required">确认密码</label>
									<div class="layui-input-block">
										<input type="password" name="confirm" required placeholder="请再次输入密码" autocomplete="off" class="layui-input ant-input"
										 class="layui-input">
									</div>
								</div>
								<div class="layui-input-block">
									<button class="layui-btn" lay-submit lay-filter="register">注册</button>
									<button type="reset" class="layui-btn layui-btn-primary">重置</button>
								</div>
						</div>
						</form>
					</div>
				</div>
		</div>
		</nav>

		</div>
		<div class="login-window" style="display: none;">
			<div class="login-title">
				<span>在线遥感检测平台框架</span>
			</div>
			<div class="login-box">
				<form class="layui-form">
					<div class="layui-form-item">
						<input type="text" name="title" required lay-verify="required" placeholder="用户名" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-item">
						<input type="password" name="password" required lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-input-block">
						<button class="layui-btn" lay-submit lay-filter="formDemo">登录</button>
					</div>
					
				</form>
				<div class="login-footer">
					<span class="login-footer-passwd">忘记密码?</span>
					<span class="login-footer-register">现在注册</span>
				</div>
			</div>	
		</div>
		<script src="dist/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
